'use strict'
import { Button, View } from '../../component/index'
import globalStyle from '../css.css'
import style from './css.css'
import Descriptor from '../descriptor'

class Buttondemo extends React.Component {
    _handleButtonTap = this._handleButtonTap.bind(this)

    _handleButtonTap () {
      // window.Qapp.showAlert({
      //   title: '标题',
      //   content: '这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容',
      //   rightButton: { name: '确认', color: 'red' },
      //   leftButton: { name: '确认', color: 'black' }
      // })
      // window.Qapp.showToast({
      //   content: '这是内容这是内容这是容这是内容这是内容',
      //   theme: 0,
      //   time: 1000
      // })
      // window.Qapp.showLoad({
      //   content: '加载中加载总',
      //   maskColor: 'rgba(0, 0, 0, 0.6)'
      // })
      // const promise = new Promise((res, rej) => {
      //   console.log(1)
      //   res()
      //   console.log(2)
      // })
      // promise.then(() => { console.log(3) })
      // console.log(4)
    }

    render () {
      return (
        <View className={globalStyle.example}>
          <Button
            tap={this._handleButtonTap}
            className={style.buttonGreen}
            tapClassName={style.buttonGreenTap}>
            提示
          </Button>
          <Descriptor
            title="点击事件"
          >
            通过`tap`属性设置按钮点击事件。
          </Descriptor>
        </View>
      )
    }
}
export default Buttondemo
